<@main_macros.mobileCustomerHeader title="水果团"/>
<link rel="stylesheet" href="${ctx?if_exists}/mobile/css/customer/index.css" type="text/css">
<script type="text/javascript" src="${base}/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="${base}/js/jquery.bxslider.min.js"></script>
  <body>
    <!-- Make sure all your bars are the first things in your <body> -->
    <header class="bar bar-nav">
    	<div class="hd-sr"><input type="text" id="sa" placeholder="请选择地区" value="全国" readonly /><em></em></div>
      	<h1 class="title"></h1>
    </header>

    <!-- Wrap all non-bar HTML in the .content div (this is actually what scrolls) -->
    <div class="content">
     <div class="slider">
    <ul class="bxslider">
        <li><img src="${ctx?if_exists}/images/ls/banner01.png" /></li>
        <li><img src="${ctx?if_exists}/images/ls/banner02.png" /></li>
        <li><img src="${ctx?if_exists}/images/ls/banner01.png" /></li>
        <li><img src="${ctx?if_exists}/images/ls/banner02.png" /></li>
    </ul>
    
    <div>
    <!--附近水果店-->
    </div>
    
    <div>
    <!--附近水果热门水果-->
    </div>
</div>
      
      <!--menu-->
      	<nav class="bar bar-tab">
		  <a class="tab-item active" href="#">
		    <span class="icon icon-home"></span>
		    <span class="tab-label">Home</span>
		  </a>
		  <a class="tab-item" href="#">
		    <span class="icon icon-person"></span>
		    <span class="tab-label">Profile</span>
		  </a>
		  <a class="tab-item" href="#">
		    <span class="icon icon-star-filled"></span>
		    <span class="tab-label">Favorites</span>
		  </a>
		  <a class="tab-item" href="#">
		    <span class="icon icon-search"></span>
		    <span class="tab-label">Search</span>
		  </a>
		  <a class="tab-item" href="#">
		    <span class="icon icon-gear"></span>
		    <span class="tab-label">Settings</span>
		  </a>
		</nav>
    </div>
	<script>
		window.addEventListener('push', function(){console.log(1)});
	</script>
  </body>
</html>